Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。
结合响应系统,在应用状态改变时, Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。(看不懂,不管)
属性(不完全懂)
v-bind是什么东西:HTML 属性中的值应使用 v-bind 指令(我的理解:用html写的东西,就要用v-bind)
v-bind有缩写 v-bind:class 等价于:class (针不戳)
设计一个可以改变字体颜色和字体背景颜色的程序 html 基本组成单位 tag标签 名字 属性 文本内容
.class1{
background: #444; //对class1的颜色和背景进行设定
color: #eee;
}
//label与"r1"绑定
//设定一个选择器类型的输入框,双向数据绑定use,
//这个东西存在是为了空一行,可还行 //然后对应id是:"r1"
v-bind:class 指令 //否则,不用
new Vue({
el: '#app',
data:{
use: false //设定初始状态,true或者false
}
});
指令
指令是带有 v- 前缀的特殊属性。
指令用于在表达式的值改变时,将某些行为应用到 DOM 上。如下例子:
现在你看到我了
//这个我把它理解为if条件语句new Vue({
el: '#app', //id与上方对应
data: {
seen: true //seen是ture,"你现在看到我了"才会显示
}
})
参数
参数在指令后以冒号指明。例如, v-bind 指令被用来响应地更新 HTML 属性(更新网页):
new Vue({
el: '#app',
data: {
url: 'http://www.runoob.com' //按钮跳转网页(针不戳),终于学了个实用的东西了
}
})
参考文章
本文由 用户 于 2024-05-07 发布在 夸智网,如有疑问,请联系我们。
本文链接:https://www.kuazhi.com/post/713940571.html
发表评论