Vue2
李白的故乡
1
展开
-
vue关闭语法检查
vue关闭语法检查。原创 2023-02-10 17:18:50 · 159 阅读 · 0 评论 -
09.数据双向绑定
官网链接:https://cn.vuejs.org/v2/guide/index.html#%E5%A4%84%E7%90%86%E7%94%A8%E6%88%B7%E8%BE%93%E5%85%A5v-model进行双向数据绑定,代码如下:<!DOCTYPE html><html lang="ch-cn"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compat原创 2022-05-23 15:15:22 · 169 阅读 · 2 评论 -
08.字符串反转
官网链接:https://cn.vuejs.org/v2/guide/index.html#%E5%A4%84%E7%90%86%E7%94%A8%E6%88%B7%E8%BE%93%E5%85%A5代码如下:<!DOCTYPE html><html lang="ch-cn"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE原创 2022-05-23 15:06:55 · 70 阅读 · 0 评论 -
07.条件与循环02
v-for 指令绑定数组的数据来渲染一个列表,代码如下:<!DOCTYPE html><html lang="ch-cn"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sca原创 2022-05-23 14:55:56 · 62 阅读 · 0 评论 -
06.条件与循环01
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2022-05-23 14:47:48 · 71 阅读 · 0 评论 -
05.模板语法
分为插值语法和指令语法插值语法如:{{xxx}}指令语法如:v-bind:详细代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wi原创 2022-05-23 12:06:00 · 96 阅读 · 0 评论 -
04.创建hello案例
Vue204.创建hello案例创建一个hello.html文件,文件中代码如下:<!DOCTYPE html><!-- 防止浏览器弹出翻译 --><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"原创 2022-05-23 11:15:31 · 88 阅读 · 0 评论 -
03.浏览器关闭生产提示
Vue03.关闭生产提示生产提示的样子如下:生产提示的API链接:https://cn.vuejs.org/v2/api/#productionTip关闭方法:在script标签中添加如下代码。<script> Vue.config.productionTip = false//阻止vue在启动时生成生产提示</script>...原创 2022-05-23 10:29:30 · 470 阅读 · 0 评论 -
02.安装开发者工具
Vue202.安装开发者工具百度网盘链接链接: https://pan.baidu.com/s/1fzRjJRPabb6Z5qg84XS5Gw?pwd=ejdp 提取码: ejdp安装步骤:Chrome浏览器安装方式:1、点击右上角三个点2、点击更多工具3、点击扩展程序4、点击右上角的开发者模式,将他启用5、将下载的Vue.crx文件直接拖动到浏览器窗口即可如图:...原创 2022-05-23 10:04:49 · 198 阅读 · 1 评论 -
01.vue开发环境下载
Vue201.vue开发环境下载官网链接:https://cn.vuejs.org/v2/guide/installation.html#%E7%9B%B4%E6%8E%A5%E7%94%A8-lt-script-gt-%E5%BC%95%E5%85%A5百度网盘链接: https://pan.baidu.com/s/19zEm5ZGwrQ__IIntqgZ09g?pwd=qihq 提取码: qihq原创 2022-05-23 09:47:54 · 423 阅读 · 0 评论