Vue.js 基本知识——基于script标签引入

1、使用Script标签引入vue的方法

也可以将vue.js文件下载至项目目录。调试环境建议用vue.js，生产环境建议用vue.min.js
2、组件必须有一个顶级容器，Vue的功能必须要在这此容器内。

   

        ...
    

3、vue组件的创建。vue组件代码可以在当前html中的script标签中，也可单独存放到一个.js文件中，在html中用script标签来引用。

4、容器标签内容数据的绑定（声明式渲染）

    

        
{{msg}}
    

5、容器标签属性数据的绑定（属性值渲染）

其中，v-bind: 可简写为 :
6、表单标签值的双向绑定（双向数据绑定）

7、条件，常用于不同视图之间的切换

其中，msg为组件定义代码中data里的变量
8、循环，用于动态生成一组数据。示例：

        
2018年流行手游
        

            

                {{game.title}}/{{game.price}}
            
        
    
    

9、使用ajax技术从后端获取数据。Vue本身不像jQuery那样自带ajax方法，所以需要借助其他ajax插件。官方推荐使用axios，需要用到将其引入到当面页面。示例：

        

            

                {{item.name}}-{{item.age}}-{{item.birth}}
            
        
    

    

未完待续，有时间再继续学习。