vuejs学习笔记
vuejs学习笔记
Roselia❀
我爱学习
展开
-
dlc1_vue发布部署相关
vue项目直接run build之后直接打开dist下的html一片空白,这是因为css和js引入有问题然而vue-cli3创建的项目舍弃了config文件夹所以我们需要在根目录创建一个vue.config.js文件,并写入module.exports={ publicPath:'./'}...原创 2021-11-30 11:16:26 · 279 阅读 · 0 评论 -
vuejs学习一:简介(mvvm 生命周期简介)
简介、mvvm、传入实例的options、生命周期1 简介与安装vuejs是一个渐进式,什么叫渐进式框架?就是我们可以用vuejs对部分项目进行重构,一点一点的将项目进行完全重构全家桶:core+Vue-router+Vuex常见的高级技术:解耦视图和数据可复用的组件前端路由技术状态管理虚拟DOM1.1 安装方式1 cdn引入 就是script引入 方式2 下...原创 2020-02-05 18:29:09 · 162 阅读 · 0 评论 -
vuejs学习二:Mustache、简单指令、v-bind 、计算属性
Mustache、简单指令、v-bind 、计算属性1 插值Mustache{{}} 的语法就是mustache语法<body><!--mustache可以写一些简单的表达式--><div id="app">{{message}}<h2>{{first +' '+ second}}</h2><h2>{{cou...原创 2020-02-08 11:57:52 · 337 阅读 · 0 评论 -
vuejs学习三:v-on、v-if、v-for
v-on,v-if,v-for1 v-on1.1 参数如果不需要传参 v-on绑定的方法的参数可以不写当省略括号时,绑定的方法可以接收页面的event作为形参<div id="app"> <h1 @click="test1">123</h1> <!--不省略小阔号是无法获得event参数的--> <h1 @...原创 2020-02-08 19:51:29 · 244 阅读 · 0 评论 -
vuejs学习四:v-model、组件化
v-model、组件化开发1 v-model1.1 简单使用实现数据和表单的双向绑定,所谓双向绑定就是当你input框里的数据改变时,对应vue对象中的数据也会改变。除了input textarea也可以用<div id="app"> <form action=""> <input type="text" v-model="message"&...原创 2020-02-10 14:19:06 · 304 阅读 · 0 评论 -
vuejs学习五:v-slot插槽、模块化开发、webpack、vue格式文件
v-slot插槽、模块化开发、webpack、vue格式文件1 v-slot目的是为了让组件的扩展性提高1.1 简单使用插槽就是复用性组件的预留空间。组件抽取共性保留不同使用slot标签定义一个插槽slot中写的东西为该插槽默认值 <slot>插槽默认值</slot>使用组件时在中间添加的内容会替换插槽。<body><div id...原创 2020-02-15 13:49:52 · 308 阅读 · 0 评论 -
Vuejs学习六:CLI、vue_router
脚手架、vue-router1 Vue CLICommand-Line Interface 命令行界面,可以帮助我们生成相关的依赖和代码。如果想安装新版本,需要先卸载npm uninstall vue-cli -gnpm install -g @vue/cli脚手架官网:https://cli.vuejs.org/zh/1.1 脚手架2的目录build、config 用来做...原创 2020-02-19 23:08:07 · 234 阅读 · 0 评论 -
Vuejs学习七:vuex、axios
vuex、axios1 Vuex针对Vue.js应用程序开发的状态管理模式,说白了就是:组件之间有些状态(简单理解为变量变量)希望互相共享,如果按照原来的父子组件传递,那就很麻烦,于是状态管理工具就应运而生。Vuex就是组件共享数据的管家,放进去的状态是响应式的。1.1 简单使用安装vuex后会出来一个store文件夹,里面的index.jsimport Vue from 'vue...原创 2020-02-27 11:51:21 · 119 阅读 · 0 评论