阿洪的博客

vue.js(1)内部指令学习笔记 npm n install live-server -g <div id="app"> {{message}} </div> var app=new Vue({ el:'#app', data:{ message:'hello Vue!' } }) //此为vue.js的基本模板 v-if&v-els...

Vue.js(2)全局API学习笔记 Vue.directive自定义指令 <div id="app"> <div v-jsfan='color'>颜色</div> </div> <script type="text/javascript"> Vue.directive('jsfan',functio

#Vue.js(3)选项部分学习笔记 ##propsData Option 全局扩展的数据传递 <script type="text/javascript"> var header_a=Vue.extend({ template:`<p>{{message}}--{{a}}</p>`, data:function(){...

#Vue.js(4)实列与内置组件学习笔记 ##实例入门-实例属性 {{message}} <script type="text/javascript"> var app=new Vue({ el:'#app', data:{ message:'hello Vue!' }, //在Vue...

#Vue-router大体学习笔记 ##一Vue-route安装 vue-router是一个插件包，所以我们还是需要用npm来进行安装的。 npm install vue-router --save-dev router/index.js文件 若要增加一个hi路由的页面，即网址地址为 http://localhost:8080/#/hi时可以显示新页面 首先在component目录下新建一个hi...

#Vue全家桶之Vue-cli学习笔记 ##一、安装vue-cli 首先检查是否下载node了,然后用npm -v检查是否安装 npm没有问题，接下来我们可以用npm 命令安装vue-cli了，在命令行输入下面的命令： npm n install vue-cli -g -g :代表全局安装。 我们用vue init命令来初始化项目，具体看一下这条命令的使用方法。 vue init <te...

#快餐店收银系统Pos学习笔记 ##第一节mockplus 这是一个产品经理使用的软件，可以大概地做出网页样式。 ##第二节安装vue-cli环境 mpm install vue-cli -g 全局下安装vue-cli脚手架 vue init webpack 进入目录下后输入上面的命令，可以初始化当期文件夹，采用webpack模板 之后在component下新建一个pos.vue，之后配置相对...

学习【vue(前端)+express(后端)+monggodb(数据库)】登录注册系统学习笔记 vue前端注意事项 1.记得加入路由守卫。 在需要密码才能进入的路由上加上requireAuth属性 { path: '/', name: 'Hello', component: Hello, meta:{ requireAuth:true } }, 再在下面加入路由守卫...

学习vue框架一个简单MVVM框架的学习笔记—记录仅为个人学习 参考资料： 理解vue原理，实现简单vue框架 解析vue原理，如何实现双向绑定 vue双向绑定原理 一设计思路 因为我是在看了这几篇文章才稍微理解了vue的双向绑定，所以我这里有一点上帝视角的意思。就好像应当这样的。 如果要实现一个简单的双向绑定的MVVM框架至少要以下几点： 1.首先要会利用Object.definePropert...