vue sample

　　

单独来讲， Vue.js 被定义成一个用来开发 Web 界面的前端库，是个非常轻量级的工具。
Vue.js 本身具有响应式编程和组件化的特点。

Vue.js 的组件化理念和 ReactJS 异曲同工——“一切都是组件”，可以将任意封装好的代

第 1章　Vue.js 简介
码注册成标签，例如：Vue.component('example', Example)，可以在模板中以 example> 的形式调用。如果组件抽象得合理，这在很大程度上能减少重复开发，而且配合
Vue.js 的周边工具 vue-loader，我们可以将一个组件的 CSS、HTML 和 js 都写在一个文件里，
做到模块化的开发。
除此之外，Vue.js 也可以和一些周边工具配合起来，例如 vue-router 和 vue-resource，
支持了路由和异步请求，这样就满足了开发单页面应用的基本条件。

作为新兴的前端框架，Vue.js 也抛弃了对 IE8 的支持，在移动端支持到 Android 4.2+ 和 iOS 7+。
另外，在传统的前后端混合（通过后端模板引擎渲染）的
项目中，Vue.js 也会受到一定的限制，Vue 实例只能和后端模板文件混合在一起，获取的数
据也需要依赖于后端的渲染，这在处理一些 JSON 对象和数组的时候会有些麻烦。
理想状态下，我们能直接在前后端分离的新项目中使用 Vue.js 最合适。这能最大程度上
发挥 Vue.js 的优势和特性，熟悉后能极大的提升我们的开发效率以及代码的复用率。尤其是
移动浏览器上，Vue.js 压缩后只有 18KB，而且没有其他的依赖。

第一个特性是数据绑定
第二个特性是组件化

 

 

index.html: 整个项目的入口文件

main.js: 整个项目的逻辑主文件

Vue实例: vue的实例化对象

包含: el / tem / com

temp: 模板中可以写html / 调用其他组件

:

代表模板要执行的组件文件,跟App.vue中的name属性有关

comp:

组件组中要包含需要调用的组件名,例如上面模板调用了,那么组件组中就一定要包含App组件

import:

import用于导入需要依赖的文件,例如上方组件组中,

想要引入App组件,那么首先要使用import引入这个组件文件

import .. from ..: import 后面是自己起的名字,from后面是组件的名字

 

转载于:https://www.cnblogs.com/qianjinyan/p/10893500.html