VUE的学习_从入门到放弃（一）

【VUE的学习_从入门到放弃（一）】的更多相关文章

VUE的学习_从入门到放弃（一）

一.vue的功能及作用工作方式如下 1.不用操作DOM 2.单页面应用web项目简称:SPA 3.当下各种新框架都采用的类似Vue或者类似React的语法去作为主语法,微信小程序/MpVue...... 4.掌握Vue的开发语法,相当于掌握了新的开发模式,可以适应目前绝大多数的技术环境 Vue特点 1.数据驱动视图,可以让我们只关注数据 2.MVVM双向绑定 3.通过指令增强了html功能 4.组件化,复用代码 5.开发者一般只关注数据 Vue的安装及使用 1.直接通过路径引入,地址:htt…

webpack 配置 Vue 多页应用 —— 从入门到放弃

webpack 配置 Vue 多页应用 -- 从入门到放弃一直以来,前端享有无需配置,一个浏览器足矣的优势,直到一大堆构建工具的出现,其中 webpack 就是其中最复杂的一个,因此出现了一个新兴职业『webpack 配置工程师』.其实 webpack 配置本质上来说也就是编程,难点在于各种 loader 和 plugin 的选择和合理搭配,下面就由我来捋一捋. 使用 webpack 配置单页应用的教程很多,直接使用官方的 vue-cli 工具就非常方便,今天我要说的是如何配置一个多页应用,…

Vue快速学习_第一节

之前写CRM都是Django前后端一起写的,在大部分项目中实际上前后端是分离的,因此我们需要学习一个前端框架来进行前端页面的编写,这里选择了Vue进行学习,好了开始学习吧. 1.ES6部分知识点学习 let: 与var不同,var存在变量提升问题特点: 1.局部作用域 2.不会存在变量提升 3.变量不能重复声明 const: 常量声明特点: 1.局部作用域 2.不会存在变量提升 3.不能重复声明,只声明常量不可变的量模板字符串 // 通过反引号 ${变量名}来插值 let name =…

4.Docker容器学习之Dockerfile入门到放弃

原文地址: 点击直达 0x01 Dockerfile 编写描述:Dockerfile是一个文本格式的配置文件,其内包含了一条条的指令(Instruction),每一条指令构建一层,因此每一条指令的内容,就是描述该层应当如何构建. 用户可以使用Dockerfile快速创建自定义的镜像;通过它所支持的…

Vue.js学习 Item1 --快速入门

我们以 Vue 数据绑定的快速导览开始.如果你对高级概述更感兴趣,可查看这篇博文. 尝试 Vue.js 最简单的方法是使用 JSFiddle Hello World 例子.在浏览器新标签页中打开它,跟着我们查看一些基础示例.如果你喜欢用包管理器下载/安装,查看安装教程. 1.Hello World <div id="app"> {{ message }} </div> new Vue({ el: '#app', data: { message: 'Hello V…

Vue快速学习_第二节

表单输入绑定(v-model) v-model 指令在表单 <input>.<textarea> 及 <select> 元素上创建双向数据绑定(注意只在表单这几个可以,实际上就是负责监听用户的输入事件以更新数据) 注意:v-model 会忽略所有表单元素的 value.checked.selected 特性的初始值而总是将 Vue 实例的数据作为数据来源. v-model 在内部为不同的输入元素使用不同的属性并抛出不同的事件: text 和 textarea 元素使用…

Vue快速学习_第三节

过滤器局部过滤器(组件内部使用的过滤器,跟django的很像, filters: {过滤器的名字: {function(val, a,b){}}} 全局过滤器(全局过滤器,只要过滤器一创建,在任何组件中都能使用, Vue.filter('过滤器的名字',function(val,a,b){}) ) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&g…

Vue快速学习_第五节

axios安装及使用网站文档地址:https://www.kancloud.cn/yunye/axios/234845 1.npm安装 cnpm install axios 2.// 在main.js里面引入axios import Axios from 'axios' 3.// 将axios 挂载到Vue原型上,这样全局的组件都有该方法了 Vue.prototype.$https = Axios; 4.// Axios全局配置基本url(当然也可以不配置),配置后后面就直接写之后的url即可…

Vue快速学习_第四节

获取原生的DOM方式($.refs) 给标签或者组件添加ref <div ref = 'liu'>test</div> <Home ref = 'home'></Home> this.$refs.liu 获取原始的DOM对象 this.$refs.home 获取的是组件实例化对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo…

自学vue第二天，从入门到放弃（生命周期的理解）

生命周期的理解 beforeCreate 创建前数据还没有监听,没有绑定到vue对象实例,同时也没有挂载对象没有数据也没有方法 created 在创建后数据和方法已经 data数据已经绑定好了数据已经绑定到了对象实例,但是还没有挂载对象 el模板然后判断是否有el 没有就结束周期如果有el 就继续编译模板 beforeMount 已经编译好了模板根据数据和模板生成一个对象 Mount 将$el的内容挂载在el上生成真正的dom页面现在我们就可以获取数据和操作dom befo…