Vue是一个前端框架,所以就有自己特定的语法,所以在这里列出学到的基础语法作用: 基础模板参考
<html>
<head>
<meta charset="UTF-8" />
<title>Document</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</script>
</head>
<body>
<div id="app">
<!--<input type="text" v-on:input = "changeName" />-->
<h1>{{testName()}}<a v-bind:href=" link ">baidu</a></h1>
</div>
</body>
<script>
new Vue({
el: '#app',
data: {
name:"liusonging",
link : "https://www.baidu.com"
},
methods:{
testName(){
return "liusonging"
}
}
})
</script>
</html>
引入Vue文件,<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
做一个项目需要的东西有:开发服务器;Babel;postcss less sass;esLint(规范代码用的);
所以有了Web pack将所有的一键引入
Vue CLI3充当一个脚手架 下载Vue CLI3的步骤
首先要先下载Nodejs 版本要大于8.9 然后就运行黑窗口用npm安装: npm install -g @vue/cli
vue create vue-test 创建项目
npm run serve 运行环境
vue ui 可以查看图形界面
最后vue具体语法看手册嘿嘿 :vuejs.org