本文主要是介绍Vue.js火速上手第一章——Vue安装及语法,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
一、下载vue.js源码
在https://wwwindex.bootcdn.cn/vue/2.4.2/中,复制https://cdn.bootcdn.net/ajax/libs/vue/2.4.2/vue.js
在浏览器中打开,在本地lib文件夹下新建vue.js,复制浏览器中的js代码到新建的文件中。
二、构建工程
在js文件夹下新建main.js,在lib同级目录下新建index.html
三、测试可用性
在main.js中写入下述代码
var app=new Vue({el: '#app',data:{name:'Jack'}}
);
在index.html中写入下述代码
<html><head><title>chapter1</title></head><body> <div id="app"><span>你的名字是: {{name}}</span></div><h1>test</h1><script src="lib/vue.js"></script><script src="js/main.js"></script></body>
</html>
四、用浏览器访问index.html
访问成功,表明vue.js引入成功!
这篇关于Vue.js火速上手第一章——Vue安装及语法的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!