随笔分类 - Vue
摘要:事件处理 1.事件处理的基本使用 事件的基本使用: 1.使用v-on:xxx 或 @xxx 绑定事件,其中xxx是事件名; 2.事件的回调需要配置在methods对象中,最终会在vm上; 3.methods中配置的函数,不要用箭头函数!否则this就不是vm了; 4.methods中配置的函数,都是
阅读全文
摘要:1. 回顾Object.defineproperty方法 <body> <script type="text/javascript"> let number = 18 let person = { name:'张三', sex: '男', // age: 18 } Object.defineProp
阅读全文
摘要:MVVM MVVM模型 1. M:模型(model):data中的数据 2. V: 视图(View):模板代码 3. VM: 视图模型(ViewModel):Vue实例 观察发现: 1.data中所有的属性,最后都出现在了vm身上。 2.vm身上所有的属性 及 Vue原型上所有的属性,在Vue模板中
阅读全文
摘要:el与data有两种写法 1.el的两种写法 new Vue时配置el属性 先创建Vue实例,随后再通过vm.$mount('#root')指定el的值 2.data的两种写法 对象式 函数式 如何选择:学习到组件时,data必须使用函数式,否则会报错。 3.重要原则 有Vue管理的函数,一定不要写
阅读全文
摘要:1. Vue中有2种数据绑定的方式: 1.单向绑定(v-bind):数据只能从data流向页面。 2.双向绑定(v-model):数据不仅能从data流向页面,还可以从页面流向data。 备注: 1.双向绑定一般都应用在表单类元素上。如input、select等。 2.v-model:value 可
阅读全文
摘要:简介 Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML,所以能被遵循规范的浏览器和 HTML 解析器解析。 在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue 能
阅读全文
摘要:1,访问github地址:https://github.com/vuejs/devtools下载安装包(zip)(之前是dev和master分支,现在没有了,现在找的这个分支能用); 2,进入到解压后的devtools-add-remote-devtools包中,在文件夹路径中打开cmd窗口,执行
阅读全文
摘要:学习曲线 vue基础 vue-Cli vue-router vuex element-ui vue3 一、vue基础 1.1vue简介 1.Vue是什么 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。 Vue 被设计为可以自底向上逐层应用 简单应用:只需要一个
阅读全文