vue个人主页模板（vue页面模板）
本文目录一览：
[vue3快速入门] 9.vue模板语法
首先我们还是像上节课一样，用vue cli的create命令新建一个项目，名字可以随便起
创建完项目一样把用不着的内容先删掉，保持一个最简内容
App.vue内容是这样的
这节课我们讲解一下vue的基本模板语法，也就是我们在template这个标签里面写的语法，
首先vue的模板语法继承了html的语法，我们在template里写的也都是标准的html标签，只有在需要动态绑定一些内容的时候，我们才用到vue的模板语法，大概有一下几种
插值的方式就是我之前用过的双花括号的形式{{}}，一般在花括号内就是我们绑定的vue对象的变量了
比如我们在data里增加一个字符串msg，
通过插值把这个字符串绑定到模板里
最后渲染出来就是
除了直接绑定一个数据，双花括号里还既可以写简单的js表达式
甚至还可以调用methods里的方法，比如在methods里增加一个方法
在模板里使用
最后的结果同样是：
但是这种方式并不常用，知道就行了
在工作中有一个常见的需求，就是发布文章的时候，文章内容往往是一段html字符串，我们叫做富文本
我们可以先试试用双花括号的方式，绑定到页面上行不行
我们看到显示的效果是这样的
显然老板是不会满意的，
这时候就需要用到一个新的绑定数据的方式v-html，
这时候我们就可以看到内容正常显示了
根据官网的定义，指令就是写在标签上用v-开头的特殊属性，这么说有点抽象，其实我们已经学过几个指令了，比如v-if、v-show
还有我们刚学习的v-html
使用v-bind指令可以给一个html标签动态的绑定一个属性，比如我们之前在循环中动态绑定的key
以后我们都简写为一个冒号:
还有绑定事件用的v-on，以后我们都简写为@
小伙伴们现在掌握这些指令的用法就行，以后指令还有很多内容，我们以后再学习。
这节课我们就到这里了，主要讲解了在template模板中绑定动态数据的集中方式，大部分之前也都用过，现在再巩固一遍。
volar怎么快速生成vue模板
配置自定义的snippets。
通过vscode的snippets我们可以自己配置自定义的snippets，从而实现快捷生成代码片段，在VsCode里按F1，输入snippets-选择配置用户代码片段，选择后出现选择配置的界面，这里我们对Vue文件的代码片段进行配置，然后就完成了。
随着vscode以及vue的越来越普及，vetur这个名字也越来越被人熟知。vetur是一个vscode插件，用于为.vue单文件组件提供代码高亮以及语法支持。
vue.js 如何使用同一模板
通过ID 的不同在同一个页面显示不同的内容
1，在列表页点击事件， 传ID去详情页
2，在详情页获取传过来的ID，去请求该ID所对应的详情内容
网页链接
个人网站主页一般用vue吗
个人网站主页一般不用vue。国内的如下网站用了vue框架：bilibili掘金B站，简书，微信的开发文档网站。Vue只关注视图层，采用自底向上增量开发的设计，Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。个人网站主页一般不用。
关于vue个人主页模板和vue页面模板的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注云尚网络www.ysfad.net。
相关文章
发表评论
暂时没有评论，来抢沙发吧~