vue.js 简单使用 （cdn 方式 非vue-cli 用）

 官网   

https://cn.vuejs.org/

教程

 

组件作为单独.js 引入使用

文件结构如下

js 

Vue.component('button-counter', {
  data: function () {
    return {
      count: 0
    }
  },
  template: 'You clicked me {{ count }} times.'
})

 

html 界面使用

 

说明：

引入组件

   

 

    
    
    
    




    

        {{ message }}