vue
success-happiness
小菜鸟
展开
-
vue第一篇之入门helloworld
vue入门helloworld原创 2017-07-21 15:40:49 · 352 阅读 · 0 评论 -
vue第二篇之指令
v-text相当于{{}}html代码<span v-text="msg"></span> <!-- 和下面是一样的 --> {{msg}} js代码new Vue({ el: "#app", data: { msg: "hello" } }); v-htmlhtml代码<div v-html="msg"></div>原创 2017-07-22 19:07:33 · 202 阅读 · 0 评论 -
vue常用api
vue2.0 apihttps://cn.vuejs.org/v2/guide/vue-router apihttps://router.vuejs.org/zh-cn/essentials/getting-started.htmlvuex apihttps://vuex.vuejs.org/zh-cn/axios apihttps://github.com/mzabriskie/axioselem原创 2017-07-23 22:52:45 · 1816 阅读 · 0 评论 -
vue第三篇之组件
全局组件html代码<div id="app"> <!-- 使用自定义组件 --> <my-home></my-home> </div> <!-- 模板 --> <template id="home"> <div> <span>我是组件</span> </div> </template> js代码<!-- 声明模板 --> var Home = {原创 2017-07-23 19:24:12 · 185 阅读 · 0 评论 -
vue之vue-router
vue-router demo第一个vue-router例子 html代码<div id="app"> <div> <!-- <router-link> 默认会被渲染成一个 a标签 --> <router-link to="/home">首页</router-link> <router-link to="/news">新闻</router-li原创 2017-07-24 11:30:37 · 234 阅读 · 0 评论