vue实例练习和vue样式练习

最新推荐文章于 2024-07-22 10:10:18 发布

看云清雾淡

最新推荐文章于 2024-07-22 10:10:18 发布

阅读量1.3k

点赞数 1

分类专栏： Vue 文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/qq_53366282/article/details/123567527

版权

vue实例练习和vue样式练习

1.vue实例练习

2.vue样式练习

vue实例练习和vue样式练习

1.vue实例练习

<head>
    <title>vue实例演示</title>
    <script src="../vue.js"></script>
</head>
<body>
    <div id="app">
        <!-- 过滤器的两种写法   -->
        <!-- msg|toUpCase  变量|方法 -->
        <p>1.字母大写：{
  {msg|toUpCase}}</p>  
        <p><div v-bind:id="msg|toUpCase">2.绑定测试</div></p>
        <p>——————————————————————————————————————————————————————————</p>
        <p>{
  {msg}}</p>
        <button @click="changeMsg">按钮</button>
        <p>——————————————————————————————————————————————————————————</p>
        <p>单价{
  {price}}</p>
        <p>数量{
  {num}}</p>
        <p>总价{
  {totlePric