基础使用
2019/5/23第一次学习vue.js,虽然有一点迫不得已的感觉,哈哈哈哈。
文件引入
看了一下vue官网上的基础使用,我觉得对于初学者而言,完全可以通过引入js的方式直接使用,而并不需要通过npm的方式下载,npm的方式虽然简单,但感觉对于一些初学者而言,有一点困难,就比如类似于我这样的,emmmmm。
<!-- 开发环境版本,包含了有帮助的命令行警告 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
引用官网上的原句,不过,感觉这样需要联网。
emmmmm,通过开发软件试了一下,可以通过导入Js文件使用Vue。
写法类似如下:
<!-- 本地导入js -->
<script src="本地文件地址/vue.js"></script>
Hello Vue
<!-- html代码 -->
<div id="app">
{{ message }}
</div>
//注意在下方引入所使用的Id
<script src="js/HelloVue.js"></script>
<!-- js代码 -->
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
画面效果如下: