
Vue
Cr_Wr
入门级程序猿
展开
-
Vue学习-- 使用cli 创建第一个webpack前端项目
安装Node.js查看node.js版本node -v查看npm版本npm -v安装Node.js淘宝镜像加速器(cnpm)#-g 全局安装npm install cnpm -g安装Vue-cli#查看是否安装成功cnpm install vue-cli -g#查看可以基于哪些模板创建vue应用程序,通常我们选择webpackvue list使用vue cli 在项目目录下创建一个webpack 前端项目vue init webpac原创 2020-09-28 14:09:19 · 224 阅读 · 0 评论 -
Vue学习--自定义事件内容分发
<body> <div id="app"> <booklist> <titleslot slot="titleslot" v-bind:title="vmtitle"></titleslot> <itemslot slot="itemslot" v-for="(item,index) in vmItem" :item="item" v-bind:index="index.原创 2020-09-25 10:01:11 · 211 阅读 · 0 评论 -
Vue学习--axios异步通信
#cdn<script src="https://unpkg.com/axios/dist/axios.min.js"></script>原创 2020-09-24 14:37:58 · 277 阅读 · 0 评论 -
Vue 组件学习
组件系统是 Vue 的另一个重要概念,因为它是一种抽象,允许我们使用小型、独立和通常可复用的组件构建大型应用。仔细想想,几乎任意类型的应用界面都可以抽象为一个组件树:在 Vue 里,一个组件本质上是一个拥有预定义选项的一个 Vue 实例。在 Vue 中注册组件很简单:// 定义名为 todo-item 的新组件Vue.component('todo-item', { template: '<li>这是个待办项</li>'})var a...原创 2020-09-23 17:19:22 · 179 阅读 · 0 评论 -
Vue学习--事件绑定 && 双向绑定
事件绑定 <div id="app"> <button v-on:click="sayHi">Leon</button> <button v-on:click="yelling">Jesson PinkMan</button> </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">&l原创 2020-09-23 16:34:20 · 208 阅读 · 0 评论 -
Vue 入门学习与基本语法
#下载Vue.js下载链接:https://cn.vuejs.org/v2/guide/installation.html#CND<!-- 开发环境版本,包含了有帮助的命令行警告 --><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><!-- 生产环境版本,优化了尺寸和速度 --><script src="https://cdn.jsdelivr.原创 2020-09-23 14:56:55 · 147 阅读 · 0 评论