Vue
文章平均质量分 81
王诶诶
在读研究生,努力学习ing
展开
-
Vue学习笔记(一):介绍
一、引入Vue<!-- 开发环境版本,包含了用帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>二、声明式渲染<div id="app"> {{messsage}} </div> <script t原创 2018-05-25 15:45:12 · 261 阅读 · 0 评论 -
Vue学习笔记(二):实例
一、创建一个新的Vue实例var vm = new Vue({});传入一个选项对象,通过这些选项可以创建我们想要的行为。API文档二、数据与方法当Vue实例被创建时,它向Vue的响应式系统中加入了其data对象中能找到的所以属性。当这些属性值发生改变时,视图将会产生响应,即匹配更新为新的值。var data = {a:1}; var vm = new Vue({ data:data })...原创 2018-05-25 17:22:36 · 162 阅读 · 0 评论 -
Vue学习笔记(三):模板语法
Vue使用了基于HTML的模板语法,允许开发者声明式的将DOM绑定至底层Vue实例的数据。在底层实现上,Vue将模板编译成虚拟DOM渲染函数,能够智能的计算出最少需要重新渲染多少组件,并把DOM操作次数减到最少。一、插值(一)文本1、Mustache语法(双大括号),{{message}}只要绑定的数据对象上的message属性发生改变,插值处会同步更新2、在element上使用v-once指令,...原创 2018-05-28 16:08:51 · 290 阅读 · 0 评论