qq_41371197的博客

vue的学习: 导入vue包 然后new一个vue对象 就可以使用vue了 使用vue展示数据有两种方法 一种是使用{{}} 插值表达式 一种是使用v–text属性 如果只要展示数据优先使用v–text，方便 如果要展示其他静态内容+数据，要使用{{}}插值表达式。 插值表达式有一个问题，网速慢的话会在浏览器中显示 所以需要搭配v–cloak 再搭配style: [v–cloak]{display...

v–bind: 简写: 绑定属性 v–on 简写@ 绑定事件 .stop 停止冒泡 .prevent 阻止默认事件 .capture 开启隧道 .self 自身才能触发 .once 只触发一次 可以配套使用

v–model 双向数据绑定 用来取代value之类的 :class属性 :class=[‘style1’,‘style2’] :class=[{‘style’:flag}] :class=[flag?‘style’:‘style’] :style属性 :style={…} :style=data :style=[data1,data2] ...

v–for=“item in items” v–for="(item,i) in items" v–for="(value, key, index) in items" :key的使用 为了给 Vue 一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素，你需要为每项提供一个唯一 key 属性 理想的 key 值是每项都有的唯一 id ...

Vue.component（‘id’,{}） 定义组件 组件内属性 template:`` 定义组件模板，多个标签的话需要使用<div></div>包裹 注意！！！template的``是反单引号 在esc键下面 data:()=>{ return {count:0} } 相当于组件内的data，如果不使用函数将会造成所有组件共享一个变量 props:[‘p...

声明式渲染 可通过app.(data里面的属性)=""; 改变页面内容 插值表达式 {{ message }} 这里是题外话:new Date().toLocaleString() 可显示当前时间的中国格式 title 属性可显示悬停信息 通过bind:可绑定vue的数据 v-if通过布尔值控制元素是否显示 <div id="app-3"> <p v-if="se...

迄今为止，在我们的模板中，我们一直都只绑定简单的属性键值。但实际上，对于所有的数据绑定，Vue.js 都提供了完全的 JavaScript 表达式支持。 {{ number + 1 }} {{ ok ? 'YES' : 'NO' }} {{ message.split('').reverse().join('') }} <div v-bind:id="'list-' + id">...

计算属性 对于任何复杂逻辑，你都应当使用计算属性。 <div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMessage }}"</p> </div> var vm ...