代码拉取完成,页面将自动刷新
VUE的入门
尤雨溪,前端框架Vue.js的作者,HTML5版Clear的打造人,独立开源开发者。曾就职于Google Creative Labs和Meteor Development Group。由于工作中大量接触开源的JavaScript项目,最后自己也走上了开源之路,现全职开发和维护Vue.js。
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。
/*
var 经常使用 没有值就输出undefined
let 块级变量方法内不受影响
const 必须给一个初始化的值
*/
var a = 0;
var b = true;
function add(){
let a = 3.1415926
if(true){
let a = 10;
console.log("let 方法内",a);
}
console.log("let 方法外",a);
}
function add1(){
var a1 = 3.1415926
if(true){
var a1 = 10;
console.log("var 方法内",a1);
}
console.log("var 方法外",a1);
}
add();
add1();
const data = {
name:'123',
age:a,
chage:b
}
MVVM(Model View ViewModel)
Model 模型 数据模型
View 试图 页面视图
ViewModel VUE VUE的作用就是把数据模型和页面视图进行关联
VUE的设计核心提供了两个模块
数据绑定
在vue中只要Model发生改变,页面中所有使用到Model的地方会同时发生改变。
<div id="box">
<!-- 通过vm的对应get方法获取值 数据代理 -->
{{ msg }}
<h1>插值语法的其他用法</h1>
<!-- 算数运算 -->
<h2>{{ 1+1 }}</h2>
<!-- 判断 -->
<h2>{{ 1==1 }}</h2>
<!-- 插值语法本身就代表vm -->
<h2>{{ $options.el }}</h2>
</div>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。