脚本宝典收集整理的这篇文章主要介绍了(原创)vue 学习笔记,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
我最近学习了js,取得进步,现在学习vue.js.
建议新手学习,请不要用npm的方式(vue-cli,vue脚手架),太复杂了. 请直接下载vue.js文件本地引入,就上手学习吧
参照菜鸟教程网站的vue.js教程http://www.runoob.com/vue2/vu...
从基础开始理解和上手,请看我写的中文注释,帮助理解
直接把菜鸟教程的例子复制到自己的代码编辑器里看更好
菜鸟教程的好处我觉得之一是其有很多实例子,那么就应该拿例子复制回来本地自己的编辑器看.
因为菜鸟的例子左边代码,右边视图.就很小了,不好审视.
要打开浏览器控制台(比如我们推荐用谷歌浏览器chrome在浏览器按f12就可以打开控制台),直观的看到js和dom层,比看到界面更重要的是看到dom层的实际操作变化
" title="" data-original-title="复制">
<body>
<h2>vue</h2>
<div id="myapp">
<p title="哈哈">学习vue很舒服</p>
<p>{{ message }}</p> <p>{{ mz }}</p>
</div>
<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var myapp = new Vue( //新建一个Vue 实例并赋值给变量'myapp',这时变量myapp就是这个vue实例
{
el:'#myapp',
data:{ message:'hello Vue', //myapp.message = 'hello Vue'
mz:'小伟33' //myapp.mz = '小伟33' } }
);
</script>
</body>