【vue】基础指令及属性绑定

最新推荐文章于 2023-01-16 23:14:37 发布

webxuj

最新推荐文章于 2023-01-16 23:14:37 发布

阅读量753

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/webxuj/article/details/126591111

版权

本文介绍了Vue.js的基础指令，包括插值表达式、v-clock指令、v-html和v-text的区别，以及v-pre的用法。此外，还详细讲解了v-bind属性绑定的动态绑定属性值功能，说明了v-bind的简写形式。

摘要由CSDN通过智能技术生成

插值表达式

插值表达式用法：{ {}}

<div class="box">
        <!-- 使用{
   {
   }}能够插入自己想要的值 -->
        <div>{
   {
   name}}</div>
        <p>{
   {
   age+10}}</p>
        <div>函数{
   {
   fn()}}</div>
        <div>函数加内容{
   {
   fn()+"hhh"}}</div>
        <div>三目运算符{
   {
   test==10?"hello":"7777"}}</div>
        <!-- 由于{
   {
   }} 是一种插值表达式  会作为js语法执行环境  就可以理解为能直接在插值里面写一些方法（不代表所有js语法）-->
        <div>{
   {
   10>9?"正确":"错误"}}</div>
        <div>{
   {
   10<7&&"正确"||"错误"}}</div>
    </div>