smileRadiantly

写几个小案例来理解vue的组件化编程思想,下面是一个demo. 功能: Add组件用于添加用户评论,提交后右边评论回复会立马显示数据.Item组件点击删除可以删除当前用户评论.当List组件中用户评论为空时,会提示"暂无评论，点击左侧添加评论".

说明:主页面只有id为app的div标签,主入口main.js文件(配置相关内容后)会被自动编译并挂载到div标签中,built files会自动注入. 根组件: 引入页面所需的所有功能模块组件,组成一个完整的页面. 组件: 局部功能模块.该局部功能模块(组件)由所需的html…

如何在Window下安装node\cnpm，并安装vue.js，创建项目参考链接：https://blog.csdn.net/Corey_mengxiaodong/article/details/81

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。 也有一些其它的钩子，在实例生命周期的…

1.常用内置指令2.自定义指令

1.vue基本使用2.vue模板语法3.计算属性与监视4.强制绑定class和style5.条件渲染6.列表渲染7.列表过滤和排序8.事件处理9.表单输入绑定10.vue的生命周期11.过渡与动画12

ECMAScript 6.0（以下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。 ECMAScript和JavaScript的关系是，前者是后者的规…

webpack是一个前端资源加载/打包工具。它根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。 从上图看出，webpack可以将多种静态资源js，css，less转换成一个静态文件，减少页面的请求。 含义：读取当前目录下src文件夹中的main.…

npm全称node package manager，是node包管理和分发工具。可以理解为前端的maven。通过npm可以很方便的下载js库，管理前端工程。node已经集成npm工具，在cmd中输入npm -v查看当前npm版本。 init命令是工程初始化命令。建立一个空文件夹…