摘要：简单做了一个简单的vue入门，了解最基础的知识点，环境的配置，创建脚手架项目，创建uni-app项目。
vue官网文档：https://cn.vuejs.org/
uni-app官网文档：https://uniapp.dcloud.io/
HBuilderX:https://www.dcloud.io/hbuilderx.html
文章中涉及的代码下载
vue:https://download.csdn.net/download/weixin_41937552/16238706
https://download.csdn.net/download/weixin_41937552/16238760
vue-cli:https://download.csdn.net/download/weixin_41937552/16238871
uni-app:https://download.csdn.net/download/weixin_41937552/16238803
目录
序言
第一节：安装与部署
先引入vue.js,下载地址：
在head标签中引入vue.js后，可以打开HB-X点击右上角的预览查看一下控制台，出现如图所示的字样说明引入成功。
第二节：创建第一个vue应用
第三节：数据与方法
声明式渲染，vm是MVVM中数据绑定，VM的缩写，$符号可以选择变量，其实可以不加，$watch可以监听数据变化，在本例中放在新数据与老数据中间便于查看控制台结果，放在最下面控制台输出和预想有出入。
第四节：生命周期
.
-
<!DOCTYPE html>
-
<html>
-
<head>
-
<meta charset="utf-8">
-
<title>生命周期
</title>
-
<script src="vue.js" type="text/javascript">
</script>
-
</head>
-
<body>
-
<div id="app">
-
{{message}}
-
</div>
-
<script type="text/javascript">
-
var vm =
new Vue({
-
el:
'#app',
-
data:{
-
message:
'你好，孙叫兽',
-
},
-
//在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。
-
beforeCreate:
function(){
-
console.log(
'beforeCreate');
-
},
-
/* 在实例创建完成后被立即调用。
-
在这一步，实例已完成以下的配置：数据观测 (data observer)，属性和方法的运算，watch/event 事件回调。
-
然而，挂载阶段还没开始，$el 属性目前不可见。 */
-
created:
function(){
-
console.log(
'created');
-
},
-
//在挂载开始之前被调用：相关的渲染函数首次被调用
-
beforeMount:
function(){
-
console.log(
'beforeMount');
-
},
-
//el 被新创建的 vm.$el 替换, 挂在成功
-
mounted:
function(){
-
console.log(
'mounted');
-
},
-
//数据更新时调用
-
beforeUpdate:
function(){
-
console.log(
'beforeUpdate');
-
},
-
//组件 DOM 已经更新, 组件更新完毕
-
updated:
function(){
-
console.log(
'updated');
-
}
-
});
-
setTimeout(
function(){
-
vm.message=
'孙叫兽，我来啦！';
-
},
3000);
-
</script>
-
</body>
-
</html>
-
第五节：模板语法-插值
第六节：模板语法-指令
第七节： class与style绑定
第八节：条件渲染
第九节：列表渲染
第十节：事件绑定
第十一节：表单输入绑定
第十二节：组件基础
第十三节：组件注册
第十四节：单文件组件
源码下载：https://download.csdn.net/download/weixin_41937552/16238803
第十五节：免终端开发vue应用
源码下载：https://download.csdn.net/download/weixin_41937552/16238803
好啦，本期的内容就分享到这里，我们下期见！
好书不厌百回读，熟读自知其中意。让学习成为习惯，用知识改变命运，让博客见证成长，用行动证明努力。
如果我的博客对你有帮助、如果你喜欢我的博客内容，请 “点赞” “评论” “收藏” 一键三连哦！
听说 👉 点赞 👈 的人运气不会太差，每一天都会元气满满呦！^ _ ^ ❤️ ❤️ ❤️
码字不易，大家的支持就是我坚持下去的动力。点赞后不要忘了👉 关注 👈我哦！
更多精彩内容请前往 孙叫兽的博客
微信公众号【电商程序员】，分享改变自己的项目。
如果以上内容有任何错误或者不准确的地方，欢迎在下面 👇 留个言。或者你有更好的想法，欢迎一起交流学习~~~
转载：https://blog.csdn.net/weixin_41937552/article/details/115290435