![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
目の前にあている
rarararara
展开
-
vue的数据显示
vue的学习:导入vue包然后new一个vue对象就可以使用vue了使用vue展示数据有两种方法一种是使用{{}} 插值表达式一种是使用v–text属性如果只要展示数据优先使用v–text,方便如果要展示其他静态内容+数据,要使用{{}}插值表达式。插值表达式有一个问题,网速慢的话会在浏览器中显示所以需要搭配v–cloak再搭配style: [v–cloak]{display...原创 2019-03-24 14:48:58 · 1023 阅读 · 0 评论 -
vue :@.
v–bind: 简写: 绑定属性v–on 简写@ 绑定事件.stop 停止冒泡.prevent 阻止默认事件.capture 开启隧道.self 自身才能触发.once 只触发一次可以配套使用原创 2019-03-28 20:31:12 · 293 阅读 · 0 评论 -
vue v-model :class :style
v–model 双向数据绑定 用来取代value之类的:class属性:class=[‘style1’,‘style2’]:class=[{‘style’:flag}]:class=[flag?‘style’:‘style’]:style属性:style={…}:style=data:style=[data1,data2]...原创 2019-03-28 20:32:44 · 391 阅读 · 0 评论 -
vue v-for :key
v–for=“item in items”v–for="(item,i) in items"v–for="(value, key, index) in items":key的使用为了给 Vue 一个提示,以便它能跟踪每个节点的身份,从而重用和重新排序现有元素,你需要为每项提供一个唯一 key 属性理想的 key 值是每项都有的唯一 id...原创 2019-03-28 20:37:49 · 1378 阅读 · 0 评论 -
vue——组件第一天
Vue.component(‘id’,{})定义组件组件内属性template:``定义组件模板,多个标签的话需要使用<div></div>包裹注意!!!template的``是反单引号 在esc键下面data:()=>{return {count:0}}相当于组件内的data,如果不使用函数将会造成所有组件共享一个变量props:[‘p...原创 2019-08-25 17:11:39 · 94 阅读 · 0 评论 -
vue的核心基本功能笔记
声明式渲染可通过app.(data里面的属性)=""; 改变页面内容插值表达式{{ message }}这里是题外话:new Date().toLocaleString() 可显示当前时间的中国格式title 属性可显示悬停信息通过bind:可绑定vue的数据v-if通过布尔值控制元素是否显示<div id="app-3"> <p v-if="se...原创 2019-08-22 15:39:23 · 125 阅读 · 0 评论 -
vue 插值使用js 动态参数 修饰符.x
迄今为止,在我们的模板中,我们一直都只绑定简单的属性键值。但实际上,对于所有的数据绑定,Vue.js 都提供了完全的 JavaScript 表达式支持。{{ number + 1 }}{{ ok ? 'YES' : 'NO' }}{{ message.split('').reverse().join('') }}<div v-bind:id="'list-' + id">...原创 2019-08-22 16:44:41 · 728 阅读 · 0 评论 -
vue 计算属性 watch :Class与:Style 数组语法 多重值
计算属性对于任何复杂逻辑,你都应当使用计算属性。<div id="example"> <p>Original message: "{{ message }}"</p> <p>Computed reversed message: "{{ reversedMessage }}"</p></div>var vm ...原创 2019-08-22 17:13:50 · 1084 阅读 · 0 评论